@import '~@reach/menu-button/styles.css';

.panel[data-reach-menu-items] {
    font-size: inherit;
    overflow: hidden;
    padding: 0.25rem 0;

    // Explicit override @reach ui border styles
    border: 1px solid var(--dropdown-border-color);
    background-color: var(--dropdown-bg);

    // class .dropdown-menu brings position absolute and breaks
    // Menu positioning in portal because of it we reset position
    position: static;
}

.item[data-reach-menu-item] {
    padding: 0.25rem 0.75rem;
    text-align: right;
    width: 100%;
    border-radius: 0;
    transition: unset;
    font-weight: unset;

    &[data-selected] {
        background-color: var(--link-color);
        color: var(--light-text);
    }
}
